<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    body {
      margin: 0;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
    }

    .panda {
      width: 21em;
      height: 16em;
      background-color: #fff;
      border: 0.5em solid #333;
      border-radius: 11em 11em 11em 11em / 11em 11em 6em 6em;
      position: relative;
      background-image: 
        radial-gradient(ellipse at 50% 60%, #333 1.2em, transparent 1.2em),
        radial-gradient(ellipse at 50% 80%, #333 0.6em, transparent 0.6em);
      border-bottom-width: 1em;
      box-shadow: inset 1em -1em 0 #eee;
    }
    
    .panda::before {
      content: "";
      position: absolute;
      top: 5.5em;
      left: 2.9em;
      width: 7em;
      height: 4em;
      background-color: #333;
      border-radius: 50% 50% 45% 42%;
      transform: rotate(-45deg);
      background-image: 
        radial-gradient(circle at 4.8em 2em, white 0.3em, transparent 0.3em),
        radial-gradient(circle at 4.6em 2em, #333 0.7em, transparent 0.7em),
        radial-gradient(circle at 4.5em 2em, white 1em, transparent 1em);
      box-shadow: 1em -7.2em 0 -0.4em #333;
    }

    .panda::after {
      content: "";
      position: absolute;
      top: 5.5em;
      left: 11.1em;
      width: 7em;
      height: 4em;
      background-color: #333;
      border-radius: 50% 50% 42% 45%;
      transform: rotate(45deg);
      background-image: 
        radial-gradient(circle at 2.4em 1.5em, white 0.3em, transparent 0.3em),
        radial-gradient(circle at 2.4em 2em, #333 0.7em, transparent 0.7em),
        radial-gradient(circle at 2.5em 2em, white 1em, transparent 1em);
      box-shadow: -1em -7.2em 0 -0.4em #333;
    }
  </style>
</head>
<body>
  <h1 style="text-align: center; color: #333">熊猫</h1>
  <figure class="panda"></figure>
</body>
</html>